<template>
  <div class="dy-main">
    <div class="dy-header">
      <x-header title="交易查询" :left-options="{backText: ''}"></x-header>
    </div>
    <div class="dy-body">
      <group gutter="0.05rem">
        <cell title="交易类型" :value="clientName" label-width="2.05rem" text-align="right" class="cell"></cell>
        <cell title="交易时间" :value="IDNo" label-width="2.05rem" text-align="right" class="cell"></cell>
        <cell title="交易账号" :value="longTerm===1?'是':'否'" label-width="2.05rem" text-align="right" class="cell"></cell>
        <cell title="交易金额" :value="mobilNum" label-width="2.05rem" text-align="right" class="cell"></cell>
        <cell title="旅行社名称" :value="email" label-width="2.05rem" text-align="right" class="cell"></cell>
        <cell title="处理结果" :value="businessSelected" label-width="2.05rem" text-align="right" class="cell"></cell>
      </group>
      <x-button type="warn" class="confirm" ction-type="button" @click.native="goNext">返回</x-button>
    </div>
  </div>
</template>
<script>
export default{
  data () {
    return {
      clientName: '保证金冻结',
      IDNo: '2018-05-01',
      formatValue: '6210*** ***2341',
      longTerm: '6210*** ***2341',
      mobilNum: '100，000.00',
      email: '携程旅行社',
      businessSelected: '冻结'
    }
  }
}
</script>
<style lang="less" scoped>
  * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .dy-main {
    width: 100%;
    height: 100%;
    font-size: .28rem;
    .dy-header {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: .88rem;
    }
    .dy-body {
      width: 100%;
      height: 100%;
      padding-top: .88rem;
      .confirm{
        background-color: #ec1b30;
        width: 6.9rem;
        height: .88rem;
        margin-top: .64rem;
        margin-bottom: 2.4rem;
        font-size: .34rem;
      }
    }
  }
</style>
<style>
  .cell input::-webkit-input-placeholder { /* WebKit browsers */
    font-size:.24rem;
  }
  .cell input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    font-size:.24rem;
  }
  .cell input::-moz-placeholder { /* Mozilla Firefox 19+ */
    font-size:.24rem;
  }
  .cell input:-ms-input-placeholder { /* Internet Explorer 10+ */
    font-size:.24rem;
  }
  .cell span{
    font-size:.24rem;
  }
  .cell label,
  .cell>div>p{
    font-size: .28rem;
  }
  .cell .weui-cell__ft{
    font-size: .26rem;
  }
  .slot-bright .weui-cell__ft,
  .cell.slot-bright input.weui-input{
    color: #333333;
  }
  .check-button{
    padding-left:.33rem;
    width: 1.76rem;
    background-color: #ffffff;
    color: #3333FF;
    font-size: 0.28rem;
    border-left:1px solid #EAEAEA;
  }
  .imgCamera{
    display: block;
    width:.42rem;
    height: .42rem;
    margin-left: .24rem;
  }
  /*复选框*/
  label {
    font-size: .24rem;
  }
  .zx-radio > .radio i{
    margin-bottom: .05rem;
  }
</style>
